<html lang="en">
    <head>
        <meta charset="utf-8" />
    </head>
    <body>
  <div class="mermaid">
gantt

    section Project A
    Step 1                   :done,crit,2022-2-28,2022-4-7
    step 2                   :crit,active 2022-4-8,2022-5-12    
    step 3                   :active,2022-5-13,2022-6-22  
    stage 4                   :2022-6-23,2022-7-29
    stage 5                      :2022-7-30,20d

    section project B
    stage 1            :2021-11-1,2022-02-28
    stage 2                 :2022-03-1, 2022-6-30
    stage 3                   :2022-7-1, 2022-11-09
    stage 4                   :2022-11-10,10d
	
	section Engineer A
    Prject C             :2021-12-1,2022-03-30
    project B step 2        :2022-03-31, 2022-5-14
    project A step 3                   :2022-05-15,2022-6-29
    project B stage 3                   :2022-6-30,2022-8-14    
    project C                   :2022-8-15,2022-9-29
    prj B stage 3                   :2022-9-30,2022-11-10
    prj C                   :2022-11-11,10d

    section Engineer B
    prj A,Prj C                   :2021-11-1,2022-04-30
    Prj B                   :2022-05-1,2022-6-30
    prj A                   :2022-7-1,2022-8-30    
    Prj B                   :2022-9-1,2022-9-30
    Prj C                   :2022-10-1,10d


  </div>

        <script src=".\\mermaid.js"></script>
        <script>
            mermaid.initialize({ startOnLoad: true,theme: 'forest', });
        </script>
    </body>
</html>